.head {
	position: relative;
}
.head-bg {
	width: 100%;
	height: 291rpx;
}
.my-box {
	width: 100%;
	background: #fff;
	opacity: 1;
	border-radius: 40rpx 40rpx 0px 0px;
	position: absolute;
	top:150rpx;
	padding: 24rpx 24rpx 0 24rpx;
	box-sizing: border-box;
}
.user-info{
	position: absolute;
	bottom:194rpx;
	left:24rpx;
}
.user-info image {
	width: 100rpx;
	height: 100rpx;
	border-radius: 100rpx;
	margin-right: 30rpx;
}
.user-info text {
	color: #F6CB90;
	font-size: 38rpx;
}
.my-head  {
	margin-bottom: 24rpx;
}
.my-head text{
	font-size: 30rpx;
	color: #333333;
}
.my-head navigator{
	font-size: 24rpx;
	color: #999999;
}
.my-head navigator image {
	width: 8rpx;
	height: 20rpx;
	margin-left: 10rpx;
}
.order-class {
	width: 702rpx;
	height: 153rpx;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 20rpx;
	margin:0 auto;
	border:10rpx solid #F7F8F9;
	box-sizing: border-box;

}

.module-list {
	width: 702rpx;
	margin:0 auto 24rpx auto;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 20rpx;
	padding: 15rpx 30rpx;
	box-sizing: border-box;
}
.module-list navigator {
	height: 100rpx;
	line-height: 100rpx;
}
.module-list navigator .module-list-left image{
	width: 38rpx;
	height: 38rpx;
	margin-right: 30rpx;
}
.module-list navigator .module-list-left text {
	font-size: 28rpx;
	color: #333333;
}
.module-list navigator image.arrow-right {
	width: 8rpx;
	height: 20rpx;
}
.order-class-list {
	text-align: center;
	position: relative;
	flex: 1;
	-webkit-flex:1;
	flex-direction: column;
	margin-top: 20rpx;
}
.order-class-list image {
	width: 44rpx;
	height: 44rpx;
	display: block;
	marign:0 auto;
}
.order-class-list text {
	display: block;
	font-size: 26rpx;
	color: #666666;
	margin-top: 10rpx;
}
.order-class-list text.tag {
	position: absolute;
	right: 30rpx;
	top:-16rpx;
	border:3rpx solid #333333;
	text-align: center;
	border-radius: 50%;
	font-size: 16rpx;
	color: #333333;
	width: 30rpx;
	height: 30rpx;
	text-align: center;
	line-height: 30rpx;
}
